.canvas-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  font-size: $font-size-base;
  line-height: $line-height-base;
  font-family: $font-family;
  color: $text-color;
  canvas {
    cursor: pointer;
    border: $border-width-base $border-style-base $border-color-base;
    background-color: $component-background;
  }
  .timeslider-tooltip {
    position: absolute;
    top: 0;
    left: 0;
  }
}
